﻿<%@ Page Language="C#" AutoEventWireup="true"
CodeBehind="timeBucket.aspx.cs"
Inherits="WebSite.ManagerSystem.timeBucket" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<link href="styles/layout2.css" rel="stylesheet" type="text/css" />
<link href="styles/wysiwyg.css" rel="stylesheet" type="text/css" />
<link href="themes/blue/styles.css" rel="stylesheet" type="text/css" />
</head>
<body>
	<form id="form1" runat="server">
		<br /> 您所在位置：数据统计>>使用时间分布
		<div class="contentcontainer" id="graphs">
			<div class="headings alt">
				<h2 class="left">使用时间端分布</h2>
				<ul class="smltabs">
					<li><a href="#graphs-1">Area chart</a></li>
					<li><a href="#graphs-2">Bar graph</a></li>
				</ul>
			</div>
			<div class="contentbox" id="graphs-1">
				<table style="display: none;" class="area">
					<caption>使用时间段分布</caption>
					<thead>
						<tr>
							<td></td>
							<th scope="col">6:00-10:00</th>
							<th scope="col">10:00-14:00</th>
							<th scope="col">14:00-18:00</th>
							<th scope="col">18:00-22:00</th>
							<th scope="col">22:00-1:00</th>
							<th scope="col">1:00-6:00</th>
						</tr>
					</thead>
					<tbody>
						<tr>
							<th scope="row">工作日</th>
							<td>30%</td>
							<td>80%</td>
							<td>58%</td>
							<td>90%</td>
							<td>40%</td>
							<td>10%</td>
						</tr>
						<tr>
							<th scope="row">休息日</th>
							<td>60%</td>
							<td>70%</td>
							<td>80%</td>
							<td>93%</td>
							<td>70%</td>
							<td>20%</td>
						</tr>
					</tbody>
				</table>
				<br /> <br />
			</div>
			<div class="contentbox" id="graphs-2">
				<table style="display: none;" class="bar">
					<caption>使用时间段分布</caption>
					<thead>
						<tr>
							<td></td>
							<th scope="col">6:00-10:00</th>
							<th scope="col">10:00-14:00</th>
							<th scope="col">14:00-18:00</th>
							<th scope="col">18:00-22:00</th>
							<th scope="col">22:00-1:00</th>
							<th scope="col">1:00-6:00</th>
						</tr>
					</thead>
					<tbody>
						<tr>
							<th scope="row">工作日</th>
							<td>30%</td>
							<td>80%</td>
							<td>58%</td>
							<td>90%</td>
							<td>40%</td>
							<td>10%</td>
						</tr>
						<tr>
							<th scope="row">休息日</th>
							<td>60%</td>
							<td>70%</td>
							<td>80%</td>
							<td>93%</td>
							<td>70%</td>
							<td>20%</td>
						</tr>
					</tbody>
				</table>
				<br /> <br />
			</div>
		</div>
		<div style="clear: both;"></div>
		<div id="footer">&copy; Copyright 2013 飞翔的鸵鸟</div>
		<script type='text/javascript' src='scripts/jquery.min.js'></script>
		<script type='text/javascript' src='scripts/jquery-ui.min.js'></script>
		<script type='text/javascript' src='scripts/jquery.wysiwyg.js'></script>
		<script type='text/javascript' src='scripts/visualize.jQuery.js'></script>
		<script type="text/javascript" src='scripts/functions.js'></script>
	</form>
</body>
</html>
